<template>
  <div>
    <Header/>
    <div class="container">   
      <keep-alive>
        <router-view></router-view>   
      </keep-alive>       
      <AsideBy/>
    </div>
    <Footer/>
  </div>
</template>

<script>
import router from './router';
import Header from './components/main/head.vue';
import Mainly from './components/blog/main.vue';
import Archives from './components/archives.vue';
import LeaveComments from './components/comment/leave_comments.vue';
import Link from './components/link.vue';
import About from './components/about/about.vue';
import AsideBy from './components/main/aside.vue';
import Footer from './components/main/foot.vue';
import Page from './components/blog/page.vue';
import BlogByCategory from './components/blog/blog_by_category.vue';
import {titleInit} from '../static/front-vue/js/showtip';
export default {
  name: 'App',
  router,
  components: {
    router,Header,Mainly,Archives,LeaveComments,Link,About,AsideBy,Footer,Page,BlogByCategory
  },
  updated: function() {
    titleInit();
  }
} 
</script>

<style scoped>

</style>

